<template>
  <div>
    <!-- 轮播图组件 -->
    <mt-swipe :auto="3000">
        <!-- 当谁调用这个轮播图的时候需要传 carouselImg 这个值给子组件-->
      <mt-swipe-item v-for="item in this.carouselImg" v-bind:key="item.id">
        <img :src="item.img" alt />
      </mt-swipe-item>
    </mt-swipe>
  </div>
</template>
<script>
export default {
    props:["carouselImg"]
};
</script>
<style lang="less" scope="this api replaced by slot-scope in 2.5.0+">
.mint-swipe {
  height: 200px;

  .mint-swipe-item {
    img {
      width: 100%;
      height: 100%;
    }
  }
}
</style>